<template>
  <div>
    <div>
      <h4>感觉</h4>
      <el-row type="flex" justify="space-between">
        <el-col :span="5">
          <span>浅感觉左（部位）</span>
          <div class="grid-content">
            <el-checkbox-group v-model="pgForm.feel_checkList1">
              <el-checkbox label="上肢"></el-checkbox>
              <el-checkbox label="肘"></el-checkbox>
              <el-checkbox label="前臂"></el-checkbox>
              <el-checkbox label="手"></el-checkbox>
              <el-input v-model="pgForm.feel_input1" placeholder="备注"></el-input>
            </el-checkbox-group>
          </div>
        </el-col>
        <el-col :span="5">
          <span>浅感觉左（感觉）</span>
          <div class="grid-content">
            <el-checkbox-group v-model="pgForm.feel_checkList2">
              <el-checkbox label="正常"></el-checkbox>
              <el-checkbox label="减退"></el-checkbox>
              <el-checkbox label="消失"></el-checkbox>
              <el-input v-model="pgForm.feel_input2" placeholder="备注"></el-input>
            </el-checkbox-group>
          </div>
        </el-col>
        <el-col :span="5">
          <span>浅感觉右（部位）</span>
          <div class="grid-content">
            <el-checkbox-group v-model="pgForm.feel_checkList3">
              <el-checkbox label="上肢"></el-checkbox>
              <el-checkbox label="肘"></el-checkbox>
              <el-checkbox label="前臂"></el-checkbox>
              <el-checkbox label="手"></el-checkbox>
              <el-input v-model="pgForm.feel_input3" placeholder="备注"></el-input>
            </el-checkbox-group>
          </div>
        </el-col>
        <el-col :span="5">
          <span>浅感觉右（感觉）</span>
          <div class="grid-content">
            <el-checkbox-group v-model="pgForm.feel_checkList4">
              <el-checkbox label="正常"></el-checkbox>
              <el-checkbox label="减退"></el-checkbox>
              <el-checkbox label="消失"></el-checkbox>
              <el-input v-model="pgForm.feel_input4" placeholder="备注"></el-input>
            </el-checkbox-group>
          </div>
        </el-col>
        <el-col :span="5">
          <span>深感觉左（部位）</span>
          <div class="grid-content">
            <el-checkbox-group v-model="pgForm.feel_checkList5">
              <el-checkbox label="上肢"></el-checkbox>
              <el-checkbox label="肘"></el-checkbox>
              <el-checkbox label="前臂"></el-checkbox>
              <el-checkbox label="手"></el-checkbox>
              <el-input v-model="pgForm.feel_input5" placeholder="备注"></el-input>
            </el-checkbox-group>
          </div>
        </el-col>
        <el-col :span="5">
          <span>深感觉左（感觉）</span>
          <div class="grid-content">
            <el-checkbox-group v-model="pgForm.feel_checkList6">
              <el-checkbox label="正常"></el-checkbox>
              <el-checkbox label="减退"></el-checkbox>
              <el-checkbox label="消失"></el-checkbox>
              <el-input v-model="pgForm.feel_input6" placeholder="备注"></el-input>
            </el-checkbox-group>
          </div>
        </el-col>
        <el-col :span="5">
          <span>深感觉右（部位）</span>
          <div class="grid-content">
            <el-checkbox-group v-model="pgForm.feel_checkList7">
              <el-checkbox label="上肢"></el-checkbox>
              <el-checkbox label="肘"></el-checkbox>
              <el-checkbox label="前臂"></el-checkbox>
              <el-checkbox label="手"></el-checkbox>
              <el-input v-model="pgForm.feel_input7" placeholder="备注"></el-input>
            </el-checkbox-group>
          </div>
        </el-col>
        <el-col :span="5">
          <span>深感觉右（感觉）</span>
          <div class="grid-content">
            <el-checkbox-group v-model="pgForm.feel_checkList8">
              <el-checkbox label="正常"></el-checkbox>
              <el-checkbox label="减退"></el-checkbox>
              <el-checkbox label="消失"></el-checkbox>
              <el-input v-model="pgForm.feel_input8" placeholder="备注"></el-input>
            </el-checkbox-group>
          </div>
        </el-col>
        <el-col :span="5">
          <span>复合觉左（部位）</span>
          <div class="grid-content">
            <el-checkbox-group v-model="pgForm.feel_checkList9">
              <el-checkbox label="上肢"></el-checkbox>
              <el-checkbox label="肘"></el-checkbox>
              <el-checkbox label="前臂"></el-checkbox>
              <el-checkbox label="手"></el-checkbox>
              <el-input v-model="pgForm.feel_input9" placeholder="备注"></el-input>
            </el-checkbox-group>
          </div>
        </el-col>
        <el-col :span="5">
          <span>复合觉左（感觉）</span>
          <div class="grid-content">
            <el-checkbox-group v-model="pgForm.feel_checkList10">
              <el-checkbox label="正常"></el-checkbox>
              <el-checkbox label="减退"></el-checkbox>
              <el-checkbox label="消失"></el-checkbox>
              <el-input v-model="pgForm.feel_input10" placeholder="备注"></el-input>
            </el-checkbox-group>
          </div>
        </el-col>
        <el-col :span="5">
          <span>复合觉右（部位）</span>
          <div class="grid-content">
            <el-checkbox-group v-model="pgForm.feel_checkList11">
              <el-checkbox label="上肢"></el-checkbox>
              <el-checkbox label="肘"></el-checkbox>
              <el-checkbox label="前臂"></el-checkbox>
              <el-checkbox label="手"></el-checkbox>
              <el-input v-model="pgForm.feel_input11" placeholder="备注"></el-input>
            </el-checkbox-group>
          </div>
        </el-col>
        <el-col :span="5">
          <span>复合觉右（感觉）</span>
          <div class="grid-content">
            <el-checkbox-group v-model="pgForm.feel_checkList12">
              <el-checkbox label="正常"></el-checkbox>
              <el-checkbox label="减退"></el-checkbox>
              <el-checkbox label="消失"></el-checkbox>
              <el-input v-model="pgForm.feel_input12" placeholder="备注"></el-input>
            </el-checkbox-group>
          </div>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
export default {
  name: "feel_checkbox",
  title: "感觉",
  created() {
    if(this.istrans){
      this.pgForm=this.fromdata
    }
  },
  props: {
    fromdata:{},
    istrans:false,
  },
  data() {
    return {
      pgForm:{
        feel_input1: '',
        feel_input2: '',
        feel_input3: '',
        feel_input4: '',
        feel_input5: '',
        feel_input6: '',
        feel_input7: '',
        feel_input8: '',
        feel_input9: '',
        feel_input10: '',
        feel_input11: '',
        feel_input12: '',
        feel_checkList1: [],
        feel_checkList2: [],
        feel_checkList3: [],
        feel_checkList4: [],
        feel_checkList5: [],
        feel_checkList6: [],
        feel_checkList7: [],
        feel_checkList8: [],
        feel_checkList9: [],
        feel_checkList10: [],
        feel_checkList11: [],
        feel_checkList12: [],
      }
    }
  }
}
</script>

<style scoped>

.el-checkbox-group{
  padding: 10px 20px;

}
.el-checkbox{
  display: block;
  margin-bottom: 15px;
}
.el-row{
  margin: 10px 0;
  padding: 20px 20px;
  background-color: #f9f9f9;
  flex-wrap: wrap;
  flex-direction: row;
}
.el-col {
  margin:10px 0;
}
</style>
